@mainColor: var(--main-color);
@mainHoverBgColor: var(--main-hover-bg-color);
@mainFontColor: var(--main-font-color);
@mainFontHoverColor: var(--main-font-hover-color);
@mainFontSize: var(--main-font-size); // en 16px,zh_cn 14px
@signinLinearColor: linear-gradient(270deg, var(--linear-color1), var(--linear-color2), var(--linear-color3));
@pageContentBg: var(--page-content-bg-color);
@statusColumBg: var(--status-colum-bg-color);
@menuColumBg: var(--menu-colum-bg-color);

.returnFontSize(size) {
    font-size: @mainFontSize + size;
}

input {
    outline: none;
    background: none;
    border: solid 1px #eee;
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 28px;
    color: #292a2b;
}

.scrollbarStyle {
    overflow: scroll;

    &::-webkit-scrollbar-corner {
        display: none;
    }

    &:hover {
        &::-webkit-scrollbar-thumb {
            background-color: rgba(190, 190, 190, 1) !important;
        }
    }

    // 滚动条样式
    &::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    &::-webkit-scrollbar-thumb {
        background-color: rgba(204, 204, 204, 0.3);
        background-clip: padding-box;
        min-height: 5px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: rgba(150, 150, 150, 1) !important;
    }
}